@import "util";
@import "../common/rem.less";

#AllDailyRecord {
    .select-new-view {
        width: 100%;
        position: relative;
        z-index: 99;
        background: #fff;

        .select-title {
            .bottom_line();
            text-align: center;
            overflow: hidden;
            width: 100%;
            .px2rem(height, 80);
            .px2px(font-size, 28);
            color: #2D2D2D;
            margin: 0;
            padding: 0;
            .px2rem(line-height, 80);
            .selected::after {
                .rotate(-180deg);
            }
            li {
                width: 45%;
                display: inline-block;
                .px2rem(height, 80);
                position: relative;
                text-align: center;
                padding: 0 10px;
                overflow: hidden;
                white-space: nowrap;
                span {
                    max-width: 90%;
                    display: inline-block;
                    .px2rem(padding-right, 10);
                    .ellipsis();
                }
                &::after {
                    position: absolute;
                    font-family: 'icomoon';
                    .px2px(font-size, 16);
                    content: '\E905';
                    //top:10%;
                    color: #F76A75;
                    //.transition(.3s, all);
                }
            }
            li + li::before {
                position: absolute;
                content: '';
                top: 50%;
                left: 0;
                width: 1px;
                .px2rem(height, 30);
                .translate3d(0, -50%, 0);
                background: #DDD;
            }

        }
        .select-list {
            width: 100%;
            display: none;
            color: #2d2d2d;
            .px2px(font-size, 30);
            list-style: none;
            margin: 0;
            padding: 0;
            background: #fff;
            .title-diver {
                margin: 0;
                .px2rem(height, 50);
                .px2rem(line-height, 50);
                .px2rem(padding-left, 30);
                .px2rem(padding-right, 30);
                .px2rem(padding-bottom, 1);
                background: #F6F9FA;
            }
            li {
                position: relative;
                .px2rem(height, 100);
                .px2rem(line-height, 100);
                .px2rem(padding-left, 30);
                .px2rem(padding-right, 30);
                &::before {
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background: #DDD;
                }
            }
            .selected {
                &::after {
                    position: absolute;
                    content: '\E907';
                    font-family: 'icomoon';
                    top: 50%;
                    .px2rem(right, 30);
                    color: #F76A75;
                    .px2rem(font-size, 36);
                    .translate3d(0, -50%, 0);

                }
            }
        }
    }
    .select-view-mask {
        display: none;
        position: absolute;
        .px2rem(top, 90);
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .5;
        z-index: 10;

    }
}
